@import "../vars.less";
html {

  overflow-x: hidden;
  height: auto;
  min-height: 100%;
  background-color: @backgroundColor;
  width: 100%;
  &.fixed {
    overflow: hidden;
    height: 100%;
  }
}
body {
  -webkit-overflow-scrolling: touch;
  height: auto;
  >div#root{
    height: auto;
    >div {
      height: auto;
      >div {
        height: auto;

      }
    }
  }
}
h2 {
  font-size: 36rem/@dpi;
  font-weight: normal;
  margin: 0rem;
}

h3 {
  margin: 0rem;
  font-weight: normal;
  font-size: 26rem/@dpi;
}

ul {
  padding: 0px;
  margin: 0px;
}
li {
  display: block;
}

.entrust,.release {
  padding: 26rem/@dpi 20rem/@dpi 0rem/@dpi 20rem/@dpi;

  >label {
    display: inline-block;
    vertical-align: top;
    width: 110rem/@dpi;
    margin-right: 10rem/@dpi;
    margin-top: 10rem/@dpi;
    text-align: justify;
    color: @labelColor;
    height: 80rem/@dpi;
    line-height: 80rem/@dpi;
    font-size: 26rem/@dpi;
    white-space: nowrap;
    &.two {
      letter-spacing:52rem/@dpi;
    }
  }

  >select,input,textarea {
    display: inline-block;
    vertical-align: top;
    padding: 10rem/@dpi 15rem;
    width: 456rem/@dpi;
    color: @gray;
    line-height: 46rem/@dpi;
    border-radius: 8rem/@dpi;
    border: 2rem/@dpi solid @borderColor;
    padding:0rem 0rem 0rem 20rem/@dpi;
    font-size: 24rem/@dpi;
    color: @gray;
    margin: 10rem/@dpi 0rem;
    background-color: #fff;
    -webkit-appearance: none;
    box-sizing: border-box;
    height: 80rem/@dpi;
    color: @gray;
  }

  >textarea {
    height: 180px;
  }
  >div.button {
    line-height: 90rem/@dpi;
    width: 600rem/@dpi;
    background-color: @red;
    color: @white;
    font-size: 30rem/@dpi;
    text-align: center;
    border-radius: 8rem/@dpi;
  }
  >div.error {
    line-height: 60rem/@dpi;
    color: @red;
    text-align: center;
    height: 60rem/@dpi;
  }

}
div.tip {
  height: 80rem/@dpi;
  width:  320rem/@dpi;
  line-height: 80rem/@dpi;
  background-color: rgba(0, 0, 0, 0.8);
  position: absolute;
  top:270rem/@dpi;
  left:160rem/@dpi;
  color: @white;
  text-align: center;
  border-radius: 38rem/@dpi;
}

header.building-list-header {
  box-sizing: border-box;
  background-color: #fff;
  width: 100%;
  padding: 18rem/@dpi 20rem/@dpi;
  white-space: nowrap;
  height: 90rem/@dpi;
  >select {
  vertical-align: top;
   width: 90rem/@dpi;
   height: 50rem/@dpi;
   line-height: 50rem/@dpi;
   color: @black;
   font-size: 24rem/@dpi;
   display: inline-block;
   text-align: left;
   margin-right: 14rem/@dpi;
   text-align: center;
   border: 0rem;
   -webkit-appearance: none;
   box-sizing: border-box;
   background-color: transparent;

  }
  border-bottom:2rem/@dpi solid @borderColor;
  >img {
    position: absolute;
    left: 90rem/@dpi;
    top: 38rem/@dpi;
    width: 14rem/@dpi;
    height: 14rem/@dpi;

  }
  >aside {
    display: inline-block;
    width: 470rem/@dpi;
    height: 50rem/@dpi;
    position: relative;

    box-sizing: border-box;
    >input,div.fork {
      padding: 10rem/@dpi;
      box-sizing: border-box;
      width: 380rem/@dpi;
      height: 50rem/@dpi;
      line-height: 30rem/@dpi;
      border:2rem/@dpi solid @borderColor;
      color: @gray;
      font-size: 22rem/@dpi;
      padding-left: 10rem/@dpi;
      float: left;
      margin-right: 10rem/@dpi;
      border-radius: 8rem/@dpi;
      line-height: 30rem/@dpi;

      &.Tappable-active{
        background-color: @backgroundColor;
      }
    }
    >a {
      position: absolute;
      top: 10rem/@dpi;
      right: 100rem/@dpi;
      width: 30rem/@dpi;
      height: 30rem/@dpi;
      font-size: 26rem/@dpi;
      text-align: center;
      line-height: 30rem/@dpi;
      vertical-align: middle;
      display: block;
      z-index: 999;
      color: @backgroundColor;
      border-radius: 15rem/@dpi;
      background: rgba(104,104,104,0.8);
      >span {
        vertical-align: middle;
      }
    }

    >div.search {
      float: left;
      box-sizing: border-box;
      height: 50rem/@dpi;
      width: 80rem/@dpi;
      background-color: @red;
      text-align: center;
      color: @white;
        border-radius: 8rem/@dpi;
        font-size: 26rem/@dpi;
        line-height: 50rem/@dpi;
    }

  }
}
